Kembali ke Blog
Tutorial

Sunday, 30 July 2023

|

3 min read

JavaScript Arrays - Panduan untuk Pemula

Selamat datang di panduan pemula untuk JavaScript arrays! Jika Anda baru memulai perjalanan Anda dalam pemrograman JavaScript, maka pemahaman tentang array adalah langkah penting yang harus Anda ambil.

Apa itu Array?

Array adalah jenis struktur data yang memungkinkan Anda untuk menyimpan beberapa nilai dalam satu variabel. Ini memungkinkan Anda untuk mengelompokkan data dengan jenis yang sama atau berbeda menjadi satu kesatuan. Dalam JavaScript, array dapat berisi nilai-nilai apa pun, termasuk angka, string, objek, dan bahkan array lainnya!

Misalkan Anda ingin menyimpan daftar nama-nama buah dalam satu variabel. Anda dapat melakukannya dengan cara berikut menggunakan array:

const namaBuah = ["apel", "mangga", "pisang", "jeruk"];

Dalam contoh di atas, kita telah membuat variabel namaBuah yang merupakan array yang berisi empat nama buah.

Membuat Array

Untuk membuat array dalam JavaScript, Anda dapat menggunakan tanda kurung siku [] dan menambahkan nilai-nilai yang ingin Anda simpan di dalamnya, dipisahkan dengan koma. Contoh:

// Array angka
const angka = [1, 2, 3, 4, 5];

// Array string
const namaHewan = ["kucing", "anjing", "burung"];

// Array campuran
const campuran = [42, "hello", true, { nama: "John" }];

Seperti yang Anda lihat dalam contoh di atas, kita dapat mencampur berbagai jenis data dalam satu array.

Mengakses Nilai dalam Array

Anda dapat mengakses nilai dalam array dengan menggunakan index atau indeks. Indeks dimulai dari 0 untuk elemen pertama, 1 untuk elemen kedua, dan seterusnya.

const bulan = ["Januari", "Februari", "Maret", "April", "Mei"];

console.log(bulan[0]); // Output: "Januari"
console.log(bulan[2]); // Output: "Maret"

Jangan lupa bahwa indeks array dimulai dari 0, sehingga indeks 0 mengacu pada elemen pertama.

Menghitung Jumlah Elemen dalam Array

Jika Anda ingin mengetahui berapa banyak elemen yang ada dalam array, Anda dapat menggunakan properti length.

const buah = ["apel", "mangga", "pisang", "jeruk"];

console.log(buah.length); // Output: 4

Memodifikasi Elemen dalam Array

Anda dapat mengubah nilai elemen dalam array dengan menetapkan nilai baru menggunakan indeksnya.

const hewan = ["kucing", "anjing", "burung"];

hewan[1] = "kelinci";

console.log(hewan); // Output: ["kucing", "kelinci", "burung"]

Metode Umum pada Array

JavaScript menyediakan berbagai metode bawaan yang mempermudah manipulasi array. Beberapa metode umum meliputi:

  • push(): Menambahkan elemen baru ke akhir array.
  • pop(): Menghapus elemen terakhir dari array.
  • shift(): Menghapus elemen pertama dari array.
  • unshift(): Menambahkan elemen baru di awal array.
  • splice(): Memotong, menghapus, atau menambahkan elemen di posisi tertentu.
const angka = [1, 2, 3];

angka.push(4); // angka sekarang: [1, 2, 3, 4]
angka.pop(); // angka sekarang: [1, 2, 3]
angka.shift(); // angka sekarang: [2, 3]
angka.unshift(0); // angka sekarang: [0, 2, 3]

Kesimpulan

Sekarang Anda telah memahami dasar-dasar array dalam JavaScript. Array adalah alat yang kuat untuk mengelola dan memanipulasi data. Jadi, mulailah menggunakannya dalam proyek-proyek JavaScript Anda dan eksplorasi berbagai metode yang ada untuk memanfaatkan potensi penuh array.

Terima kasih telah membaca panduan ini. Selamat bersenang-senang dengan JavaScript arrays! 😊

Made with Astro by Emir @2023